import React, { Component } from 'react'
//哪一个组件是被动接收数据方(子组件)，则需要导入这个prop-types这个包进行外来数据类型的检测
//prop-types是脚手架中自带，无需再安装
import types from 'prop-types'
export default class Child extends Component {
    render() {
        //解构
        let { name, age, sex } = this.props;
        return (
            <div>
                <ul>
                    <li>姓名：{name}</li>
                    <li>年龄：{age}</li>
                    <li>性别：{sex ? "男" : "女"}</li>
                </ul>
            </div>
        )
    }

    //在类式组件中想要检测又父组件向子组件传递的数据格式，是在类对象身上添加一些属性
    //检测数据类型
    //propTypes属性名不能更改，值为一个对象
    static propTypes = {
        name: types.string.isRequired,
        age: types.number.isRequired,
        sex: types.bool.isRequired
    }

    //设置属性默认值
    static defaultProps = {
        name: '李四'
    }
}
